﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ProfileBox.ascx.cs"
    Inherits="Skecthial.UI.Controls.ProfileBox" %>
<%@ Register TagPrefix="same" Namespace="Sketchial.UIProcess.CustomControls" Assembly="Sketchial.UIProcess" %>
<style runat="server" type="text/css">
    .searchBoxDiv input
    {
        width: 100%;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-width: 1px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    .searchBoxDiv
    {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
</style>
<div runat="server" id="profileBoxWrapper" style="margin-top: 10px; margin-bottom: 10px;">
    <table width="100%">
        <tr>
            <td>
                <div runat="server" id="profileName">
                    <asp:Literal ID="literalProfileName" runat="server" Text="Ali Yıldız"></asp:Literal>
                </div>
                <hr style="color: Gray;" />
                <div class="profileStats" runat="server">
                    <div runat="server">
                        <i>
                            <asp:Literal runat="server" ID="literalUncEvent" Text="Unchecked Events"></asp:Literal>
                            <asp:Literal runat="server" ID="literal1" Text="0"></asp:Literal>
                        </i>
                    </div>
                    <div runat="server">
                        <i>
                            <asp:Literal runat="server" ID="literal2" Text="Friends"></asp:Literal>
                            <asp:Literal runat="server" ID="literal3" Text="3"></asp:Literal>
                        </i>
                    </div>
                    <div runat="server">
                        <i>
                            <asp:Literal runat="server" ID="literal4" Text="Friends Request"></asp:Literal>
                            <asp:Literal runat="server" ID="literal5" Text="1"></asp:Literal>
                        </i>
                    </div>
                </div>
            </td>
            <td>
                <img src="../assets/images/profile.jpg" height="100px" />
            </td>
        </tr>
    </table>
    <hr style="color: Gray;" />
    <div runat="server" id="searchBoxDiv" class="searchBoxDiv">
        <input type="text" value="Search events.." onclick="this.value='';" ontextchanged="javascript:clear();" />
    </div>
</div>
<script type="text/javascript">

    function clear() {
        debugger;
        document.getElementById('LeftSideContent_asd_searhBoxArea').value = "";
    }
</script>
